<{include file="element/inc_header.html"}>

<style type="text/css">
.hz_show{ max-width:300px; max-height:120px; }
.hz_show1{ max-width:80px; max-height:40px; }
</style>
<div class="main-container" id="main-container">
	<script type="text/javascript">
		try{ace.settings.check('main-container' , 'fixed')}catch(e){}
	</script>

	<div class="main-container-inner">
		<div class="page-content">
			<div class="page-header">
				<h1><small>
						<i class="icon-double-angle-right"></i>
						会员详细信息 &amp; 列表
					</small>
				</h1>
			</div><!-- /.page-header -->
			<div class="widget-box">
				<div class="widget-body">
					<div class="widget-main">
						<table style="width: 100%">
							<tr>
									<th>姓名</th><td><{$userinfo.username}></td> 
									<th>性别</th><td><{if $userinfo.sex}>男<{else}>女<{/if}>&nbsp;</td>
									<th>护照副本</th>
							</tr>
							<tr>
									<th>手机号码</th><td><{$userinfo.phone}></td> 
									<th>身份证号</th><td><{$userinfo.cardid}></td> 
									<td rowspan="4"><img class="hz_show" src="<{$userinfo.huzhao_pic}>" /></td>
							</tr>
							<tr>
									<th>护照号码</th><td><{$userinfo.huzhao}></td> 
									<th>所属部门</th><td><{$userinfo.bumen}>&nbsp;</td> 
							</tr>
							<tr>
									<th>联系地址</th><td rowspan="3"><{$userinfo.addr}></td> 
							</tr> 
						</table>
					</div>
				</div>
			</div> 	
			<div class="row">
				<div class="col-xs-12">
					<!-- PAGE CONTENT BEGINS --> 
					<div class="table-responsive">
						<table id="sample-table-1" class="table table-striped table-bordered table-hover">
							<thead>
								<tr>
									<th>姓名</th>
									<th>性别</th>
									<th>手机号码</th>
									<th>身份证号</th>
									<th>护照号码</th>
									<th>护照副本</th>
									<th>所属部门</th>
									<th>联系地址</th>
									<th>亲属关系</th>
									<th>是否是未成年人</th>
									<th>添加时间</th>
								</tr>
							</thead>

							<tbody>  
<{foreach from=$tuserList item=userinfo}>  
								<tr>  
									<td><{$userinfo.username}></td>
									<td><{if $userinfo.sex}>男<{else}>女<{/if}>&nbsp;</td>
									<td><{$userinfo.phone}></td>
									<td><{$userinfo.cardid}></td>
									<td><{$userinfo.huzhao}></td>
									<td><img class="hz_show1" src="<{$userinfo.huzhao_pic}>" /></td>
									<td><{$userinfo.bumen}>&nbsp;</td>
									<td><{$userinfo.addr}></td> 
									<td><{$userinfo.releation}></td> 
									<td><{if $userinfo.ischild == 1 }>未成年人<{else}>成年人<{/if}>&nbsp;</td> 
									<td><{$userinfo.created}></td> 
								</tr> 
<{/foreach}>
								 
							</tbody>
						</table>
					</div>
					<!-- 底部分布 -->			
					<div class="modal-footer no-margin-top">  
						<ul class="pagination pull-right no-margin">
							<{if $pager}>
共有留言<{$pager.total_count}>条，共有<{$pager.total_page}>页（每页<{$pager.page_size}>条留言）：
<!--在当前页不是第一页的时候，显示前页和上一页-->
<{if $pager.current_page != $pager.first_page}>
<a href="<{spUrl c=main a=index page=$pager.first_page}>">前页</a> | 
<a href="<{spUrl c=main a=index page=$pager.prev_page}>">上一页</a> | 
<{/if}>
<!--开始循环页码，同时如果循环到当前页则不显示链接-->
<{foreach from=$pager.all_pages item=thepage}>
	<{if $thepage != $pager.current_page}>
		<a href="<{spUrl c=main a=index page=$thepage}>"><{$thepage}></a>
	<{else}>
		<b><{$thepage}></b>
	<{/if}>
<{/foreach}>
<!--在当前页不是最后一页的时候，显示下一页和后页-->
<{if $pager.current_page != $pager.last_page}>
 | 
<a href="<{spUrl c=main a=index page=$pager.next_page}>">下一页</a> | 
<a href="<{spUrl c=main a=index page=$pager.last_page}>">后页</a>
<{/if}>
<{/if}>
						</ul>
					</div>
						
				</div> 			 
  
			</div><!-- /.row --> 
		</div><!-- /.page-content --> 
  
	</div><!-- /.main-container -->
</div>
<{include file="element/js_lib.html"}>
<script language="javascript">
	jQuery(function(){
			$('.date-picker').datepicker({autoclose:true}).next().on(ace.click_event, function(){
					$(this).prev().focus();
				});  
		})
</script> 
